<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="A site relating to ColdFusion, and other stuff" />
<meta name="keywords" content="coldfusion,cfmx,code examples" />
<meta name="author" content="Denny Did This  / Original design: Andreas Viklund - http://andreasviklund.com/" />
<link rel="stylesheet" type="text/css" href="/css/coldshen.css" />
<title>coldshen</title>
<cfset myself = viewstate.getValue("myself")>
<script language="JavaScript" type="text/javascript">
	// Dojo configuration
	djConfig = { 
		isDebug: true
	};
</script>
<script type="text/javascript" src="/inc/dojo/dojo.js"></script>
<script type="text/javascript">

dojo.require("dojo.lfx.*");
dojo.require("dojo.lfx.extras");

var ApiRef = {
	_debug : false,					// if true, we output debug information
	_profile : false,				// if true, we output profiling information
	
	defaultReferenceId: "mainPane",	// default element.id where showItem*() puts its output

	init : function() {
		// summary
		//	initialize the entire app -- called by body.onload event
		//		this.functionNameLoader = this.loadParserFile("function_names");
		//		this.functionNameLoader.callback = function(function_names){ApiRef.onAfterInit(function_names)};
		//this.wipeReplace(dojo.widget.byId(this.defaultReferenceId),"Blah Blah",500,200);
//		dojo.byId('container').style.width = "100%";
//		dojo.lfx.scale("content", 120, false, true, 0).play();
			ApiRef.wipeReplace(dojo.byId("main"),"<cfoutput>#myself#</cfoutput>projects.menu",500,1000);
	},
	
	wipeReplace : function(node, newUrl, outTime, inTime) {
		// summary: change content of a DOM node with a wipe in/out effect
		if (outTime == null) outTime = 200;
		if (inTime == null) inTime = 500;
		
		var replaceCallback = function() {
			wipeInFunc = function(){
				node.style.height = '';		//  necessary to make sure item resets to smaller size
				dojo.lfx.fadeWipeIn(node, inTime).play()
			};
			dojo.widget.byId('mainPane').setUrl(newUrl);
			setTimeout(wipeInFunc,100);
		}
		dojo.lfx.fadeWipeOut(node, outTime, null, replaceCallback).play();
		if (dojo.widget.byId('boothID')) {
			ApiRef.setSelectValidation();
		}
	},
	
	setSelectValidation: function() {
		dojo.widget.byId('boothID').missingMessage = "Please select an availible booth";
		dojo.widget.byId('boothID').isMissing = isBoothMissing;
	},
	
	isBoothMissing: function() {
                              alert('wee');
                              selectVal = dojo.widget.byId('boothID').getValue();
		if (selectVal == "") {
			return true;
		} else {
			return false;
		}
	},
		
	chkValidBooth: function(selectVal) {
		//alert(selectVal);
		if (selectVal == "") {
			alert('Please choose an available booth');
			dojo.widget.byId("boothID").setValue("");
			dojo.widget.byId("boothID").setLabel("");
		} else {
			return true;
		}
	}
	
}

dojo.addOnLoad(function(){ApiRef.init()});
</script>
</head>

<body>
<div id="thetop">
<a id="top"></a>
<p class="hide">Skip to: <a href="#sitemenu" accesskey="2">coldshen</a> | <a href="#maincontent" accesskey="3">Main content</a></p>
</div>

<div id="container" style="height:590px">

<div id="main">

	<!---
	<div id="logo">
	<h1>[<a href="index.html" accesskey="4">coldshen</a>]</h1>
	<span id="tagline">A site for shenny-yokes, by shenny-yokes</span>
	</div>
	 --->
	<div dojoType="ContentPane" id="mainPane" executeScripts="true" executeScripts="true" style="background-color:#fff;">
		<cfoutput>#viewcollection.getView("body")#</cfoutput>
	</div>
	
</div>

<div id="sidebarWrap">
	<div id="sidebar">
		
		<a class="sidelink" href="/">coldshen</a>
		<span class="hide"> | </span>
		<a class="sidelink" href="/blog">Blog</a>
		<span class="hide"> | </span>
		<h2 class="sidelink menuheader"><a id="sitemenu" href="#" onClick="ApiRef.wipeReplace(this,'Blah Blah',500,200);">Code Demos</a></h2>
		<span class="hide"> | </span>
		<a class="hide" href="#top" accesskey="1">Top of page</a>
		
		<h3>Important note</h3>
		<p>These pages do <span style="color:red">NOT</span>conform to <a href="http://www.section508.gov">Section 508</a> or to W3C's <a href="http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505">WCAG 1.0</a>, level Triple-A. The code is is probably not valid XHTML 1.1 either.  And the CSS? Don't ask</p>
		
		<h3>The Source</h3>
		<p>Is available for everything you see here:<br />
		- <a href="index.html">Main version</a><br />
		- <a href="noimg.html">No images version</a><br />
		- <a href="text-only.html">No CSS version</a></p>
				
		<h3>Regular links</h3>
		<p>- <a href="http://www.redcross.org">Red Cross</a><br />
		- <a href="http://oswd.org">Free templates</a><br />
		- <a href="http://baygroove.com">Baygroove Music</a></p>
		
	</div>
</div>
<div class="clear">&nbsp;</div>
</div>

<div id="footer">&copy; 2006 Shenny-yoke. Design by <a href="http://andreasviklund.com" class="credit">Andreas Viklund</a></div>

</body>
</html>	